$(function() {
            <!-- videoThumb is a css class found in the foreach list class="videoThumb". ytvideo is the holder ID set as div ID-->
			$(&quot;.videoThumb&quot;).ytplaylist({
				holderId: &#39;ytvideo&#39;,
                html5: true,
                <!-- Normal = 640 -->
        		playerWidth: &#39;100%&#39;,
                <!-- set 0 if controls is false or autohide is true - default is 30 -->
        		adjustHeight: &#39;30&#39;,
                autoPlay: true,
                autoHide: true,
                playOnLoad: false,
                sliding: false,
                slideshow: false,
                slidingshow: true,
                playfirst: 0,
                theme: &#39;&amp;theme=dark&amp;color=red&#39;,
                controls: true,
                modestbranding: true,
                showInfo: false
			});
			$(&quot;.videoThumb2&quot;).ytplaylist({
				holderId: &#39;ytvideo2&#39;,
				html5: true,
				theme: &#39;&amp;theme=light&amp;color=red&#39;,
				autoPlay: true,
				autoHide: true,
				playOnLoad: false,
				sliding: true,
				slideshow: false,
				modestbranding: false
			});
			$(&quot;.videoThumb3&quot;).ytplaylist({
				holderId: &#39;ytvideo3&#39;,
				html5: true,
				theme: &#39;&amp;theme=dark&amp;color=red&#39;,
				autoPlay: true,
				adjustHeight: &#39;30&#39;,
				autoHide: true,
				playOnLoad: false,
				sliding: false,
				slideshow: true,
				modestbranding: true,
				showInfo: false
			});
			$(&quot;.videoThumb4&quot;).ytplaylist({
				holderId: &#39;ytvideo4&#39;,
				html5: true,
        		playerWidth: &#39;520&#39;,
				autoPlay: true,
				sliding: false,
				listsliding: true,
				slidingshow: true,
				social: true,
				autoHide: false,
				playfirst: 0,
				playOnLoad: false,
				modestbranding: true,
				showInfo: false
			});
		});